<!DOCTYPE html>
<html style="height: 100%">

<head>
    <meta charset="UTF-8">
    <title>奥枫运维管理界面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link href="/img/icon.ico" rel="shortcut icon"/>
    <link rel="stylesheet" href="/layui/css/layui.css"  media="all">
    <script src="/layui/layui.js" charset="utf-8"></script>
    <script src="/js/jquery.min.js" charset="utf-8"></script>
    <script src="/js/Treatment.js" charset="utf-8"></script>

    <script src="/layui/lay/modules/layer.js" charset="utf-8"></script>


</head>

<body style="height: 100%;background-color: #e9e9e9;">
<div style="margin: 0 auto; background-color: #e9e9e9; height: 100%; padding: 20px 20px 0 20px;">
    <div class="layui-row layui-col-space30">
        <div class="layui-col-md12">
            <blockquote class="layui-elem-quote layui-text" style="margin-top: 15px;">
                <a  class="layui-btn layui-btn-primary layui-border-blue" href="/config/init.html">进行服务配置</a>
            </blockquote>
        </div>

        <div class="layui-col-md3">
            <div class="layui-card" style="height: 165px">
                <div class="layui-card-body " style="text-align:center;">
                    <p style="margin-top: 15px">
                        <a href="#" onclick="showInfo()"><img style="height: 120px;width: 120px;border-radius:20px;"
                                src=""></a>
                    </p>
                    </p>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card" style="height: 165px;text-align: center;">
                <div class="layui-card-body">
                    <ul class="layui-row layui-col-space10">
                        <!--                        运行系统-->
                        <li style="display: inline-block;text-align: center;width: 150px">
                            <p style="font-size: 10px;padding-top: 5px;color: #1E9FFF">
                                系统
                            </p>
                            <p>
                                <img id="run_system_icon" style="height: 80px;width: 80px;border-radius:20px;"
                                     src="">
                            </p>
                            <p id="run_system_text" style="font-size: 10px;padding-top: 5px">
                                未知
                            </p>
                        </li>
                        <!--                        JDK版本-->
                        <li style="display: inline-block;text-align: center;width: 150px">
                            <p style="font-size: 10px;padding-top: 5px;color: #1E9FFF">
                                JDK
                            </p>
                            <p>
                                <img id="run_JDK_icon" style="height: 80px;width: 80px;border-radius:20px;"
                                     src="">
                            </p>
                            <p id="run_JDK_text" style="font-size: 10px;padding-top: 5px">
                                未知
                            </p>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

        <div class="layui-col-md5">
            <div class="layui-card" style="height: 165px">
                <div class="layui-card-body">
                    <ul class="layui-row layui-col-space10">
                        <li style="display: inline-block;margin-left: 20px">
                            <ul>
                                <li style="font-size: 15px;padding-bottom: 5px;">
                                    <i style="color: #1E9FFF;display: inline-block"
                                       class="layui-icon layui-icon-transfer"></i>
                                    <p style="color: #1E9FFF;display: inline-block">系统架构</p>
                                    <p style="display: inline-block;padding-left: 5px" id="run_system_arch">unknow</p>
                                </li>
                                <li style="font-size: 15px;padding-bottom: 5px;">
                                    <i style="color: #1E9FFF;display: inline-block"
                                       class="layui-icon layui-icon-templeate-1"></i>
                                    <p style="color: #1E9FFF;display: inline-block">系统版本</p>
                                    <p style="display: inline-block;padding-left: 5px" id="run_system_version">
                                        unknow</p>
                                </li>
                                <li style="font-size: 15px;padding-bottom: 5px;">
                                    <i style="color: #1E9FFF;display: inline-block"
                                       class="layui-icon layui-icon-file"></i>
                                    <p style="color: #1E9FFF;display: inline-block">工作目录</p>
                                    <p style="display: inline-block;padding-left: 5px" id="run_work_dir">unknow</p>
                                </li>
                                <li style="font-size: 15px;padding-bottom: 5px;">
                                    <i style="color: #1E9FFF;display: inline-block"
                                       class="layui-icon layui-icon-template"></i>
                                    <p style="color: #1E9FFF;display: inline-block">Java目录</p>
                                    <p style="display: inline-block;padding-left: 5px" id="run_java_dir">unknow</p>
                                </li>
                                <li style="font-size: 15px;padding-bottom: 5px;">
                                    <i style="color: #1E9FFF;display: inline-block"
                                       class="layui-icon layui-icon-fire"></i>
                                    <p style="color: #1E9FFF;display: inline-block">JVM版本</p>
                                    <p style="display: inline-block;padding-left: 5px" id="run_jvm_version">unknow</p>
                                </li>
                            </ul>
                        </li>
                    </ul>

                </div>
            </div>
        </div>







        <div class="layui-col-md2" style="height: 100%">
            <div class="layui-card">
                <div class="layui-card-header">其他服务</div>
                <div class="layui-card-body">
                    <ul id="other_list">
                        <li >
                            <a style="text-align:center">
                                <p>
                                    <img style="height: 80px;width: 80px;border-radius:40px;" src="">
                                </p>
                                <p style="padding-top: 5px">
                                    <cite>没有找到配置的服务</cite>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="layui-col-md5" style="height: 100%">
            <div class="layui-card">
                <div class="layui-card-header">tomcat服务 <div style="display: inline-block;float: right;margin: 0 5px 0 5px" id="tomcat_die"></div></div>
                <div class="layui-card-body">
                    <ul id="tomcat_list">
                        <li >
                            <a style="text-align:center">
                                <p>
                                    <img style="height: 80px;width: 80px;border-radius:40px;" src="">
                                </p>
                                <p style="padding-top: 5px">
                                    <cite>没有找到配置的服务</cite>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-col-md5" style="height: 100%">
            <div class="layui-card">
                <div class="layui-card-header">Nginx服务 <div style="display: inline-block;float: right;margin: 0 5px 0 5px" id="nginx_die"></div></div>
                <div class="layui-card-body ">
                    <ul id="nginx_list">
                        <li >
                            <a style="text-align:center">
                                <p>
                                    <img style="height: 80px;width: 80px;border-radius:40px;" src="">
                                </p>
                                <p style="padding-top: 5px">
                                    <cite>没有找到配置的服务</cite>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</div>


</body>


<!-- 页面控制-->
<script type="text/javascript" src="/robot/js/transmitter.js"></script>

</html>